import React, { Component } from 'react'
// import swiper from 'assets/images/swiper-1.png'
import{ HomeContainer} from './StyleHome'
import Search from 'components/search/Search'
import HotCate from './HotCate'
import Top10 from './Top10'
import Swiper from './/Swiper'

export default class Home extends Component {
    render() {
        return (
            <HomeContainer>
               <header>
                   菜谱大全
               </header>
               <Swiper></Swiper>
              <Search outerBg='#f5f5f5' innerBg='#fff' hasBorder={true}></Search>
              <HotCate></HotCate>
              <Top10></Top10>
            </HomeContainer>

        )
    }
}
